<template>
  <div class="right-bottom-box">
     <van-swipe class="my-swipe"   indicator-color="white">
       <van-swipe-item v-for="(item,index) in activeArray"  :key = index @click='clickActive(item,index)'>
           <img :src="item.iconUrl || defaultIcon" >
       </van-swipe-item>
     </van-swipe>
  </div>
</template>
<script>
  export default {
    props:{
    	dataArray:Object,
    },
    data() {
      return {
          activeArray:[],
          defaultIcon:require('@/assets/images/active/active-right-bottom.png')
      }
    },
    created(){
        this.activeArray = this.dataArray;
    },
    methods: {
      clickActive(v,index) {//多个弹出框 一个直接跳转
      fun.activityDotNumFun(0,v.id);
      window.sessionStorage.setItem('activityIconInfo',JSON.stringify(v))
        this.$emit("formChildMsg",{
          type: "activityChildArray",
          data: v,
          loction:'rightBottom'
        })
      }
    }
  }
</script>

<style scoped="scoped">
 .right-bottom-box {
     width: 140px;
    height: 140px;
  }

  .right-top-box img {
    width: 145px;
    height: 56px;
  }
  .my-swipe .van-swipe-item {
      color: #fff;
      font-size: 20px;
      line-height: 150px;
      text-align: center;
    }
    .my-swipe img{
      width:120px;
      height: 120px;
    }
    .van-swipe{
      width:140px;
      height: 140px;
    }
  .my-swipe>>>  .van-swipe__indicators{
      bottom: 2px;
    }
</style>
